// Colors
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #f5222d;
$text-color: #333;
$text-color-secondary: #666;
$text-color-light: #999;
$border-color: #e8e8e8;
$bg-color: #f0f2f5;
$text-primary: #333333;
$text-secondary: #666666;
$text-light: #999999;
$background-gradient-start: #EEF3FF;
$background-gradient-end: #FFFFFF;
$white: #FFFFFF;
$shadow-color: rgba(0, 0, 0, 0.1);

// Typography
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 20px;
$font-size-base: 14px;
$font-size-medium: 16px;
$font-size-large: 20px;
$font-size-xlarge: 24px;
$font-size-xxlarge: 36px;

// Spacing
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 40px;

// Border
$border-radius-sm: 2px;
$border-radius-md: 4px;
$border-radius-lg: 8px;
$border-radius-base: 8px;

// Transitions
$transition-base: all 0.3s ease;

// Breakpoints
$screen-sm: 576px;
$screen-md: 768px;
$screen-lg: 992px;
$screen-xl: 1200px;

// Shadows
$box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
$box-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1); 